$min-width: 680px

.logo
  cursor: pointer

@mixin n-text
  font-size: small !important
  font-weight: bold !important
  text-transform: uppercase!important
  word-break: normal

.z-navitem-text
  @include n-text()

.z-column-content
  @include n-text()

.n-nav-item
  text-align: center

  i
    margin-right: 15px

@media only screen and (max-width: $min-width)
  .logo
    display: none

  .header-box
    width: 50%
    margin: auto

  .n-nav-item
    padding:
      left: 20px
      right: 20px

@media screen and (min-width: $min-width)
  .logo
    max-width: 100%

  .navbar-container
    margin-top: 10px